
.info1 {
				width: 500px;
				margin-top: 15px;
				height: 315px;
				text-align: center;
			}

			.info1>div {
				float: left;
				width: 230px;
				height: 60px;
				text-align: left;
				margin-left: 20px;
			}

			.info1>div>input {
				width: 30px;
				height: 26px;
				text-align: center;
				border: none;
			}

			.info2 {
				height: 300px;
			}

			.progress {
				width: 200px;
				height: 24px;
			} 
        <!-- 模态框（Modal2）   评分显示 -->
		<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
								aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="gridSystemModalLabel">评分显示</h4>
					</div>
					<div class="modal-body">
						<form action="#" method="post" enctype="multipart/form-data">
							<div class="aui-info info3">
								<div>
									粘人程度：<input class="form-control1 score" type="tel" id="nr" value="80" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
										</div>
									</div>
								</div>
								<div>
									喜叫程度：<input class="form-control1 score" type="tel" id="xj" value="60" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
										</div>
									</div>
								</div>
								<div>
									友善程度：<input class="form-control1 score" type="tel" id="ys" value="40" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
										</div>
									</div>
								</div>
								<div>
									掉毛程度：<input class="form-control1 score" type="tel" id="dm" value="90" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
										</div>
									</div>
								</div>
								<div>
									美容程度：<input class="form-control1 score" type="tel" id="mr" value="70" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
										</div>
									</div>
								</div>
								<div>
									体味程度：<input class="form-control1 score" type="tel" id="tw" value="55" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 55%">
										</div>
									</div>
								</div>
								<div>
									口水程度：<input class="form-control1 score" type="tel" id="ks" value="33" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 33%">
										</div>
									</div>
								</div>
								<div>
									可训程度：<input class="form-control1 score" type="tel" id="kx" value="44" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 44%">
										</div>
									</div>
								</div>
								<div>
									活跃程度：<input class="form-control1 score" type="tel" id="hd" value="88" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 88%">
										</div>
									</div>
								</div>
							</div>
						</form>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal"
							style="width: 90px;">取消</button>
						<button type="button" class="btn btn-primary update" style="width: 90px;">修改</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->
 
        <!-- 模态框（Modal2）   添加评分 -->
		<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
								aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="gridSystemModalLabel">添加评分</h4>
					</div>
					<div class="modal-body">
						<form action="#" method="post" enctype="multipart/form-data">
							<div class="aui-info info3">
								<div>
									粘人程度：<input class="form-control1 score" type="tel" id="nr" value="0" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
										</div>
									</div>
								</div>
								<div>
									喜叫程度：<input class="form-control1 score" type="tel" id="xj" value="0" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
										</div>
									</div>
								</div>
								<div>
									友善程度：<input class="form-control1 score" type="tel" id="ys" value="0" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
										</div>
									</div>
								</div>
								<div>
									掉毛程度：<input class="form-control1 score" type="tel" id="dm" value="0" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
										</div>
									</div>
								</div>
								<div>
									美容程度：<input class="form-control1 score" type="tel" id="mr" value="0" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
										</div>
									</div>
								</div>
								<div>
									体味程度：<input class="form-control1 score" type="tel" id="tw" value="0" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
										</div>
									</div>
								</div>
								<div>
									口水程度：<input class="form-control1 score" type="tel" id="ks" value="0" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
										</div>
									</div>
								</div>
								<div>
									可训程度：<input class="form-control1 score" type="tel" id="kx" value="0" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0">
										</div>
									</div>
								</div>
								<div>
									活跃程度：<input class="form-control1 score" type="tel" id="hd" value="0" />
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar"
											aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
										</div>
									</div>
								</div>
							</div>
						</form>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal"
							style="width: 90px;">取消</button>
						<button type="button" class="btn btn-primary update" style="width: 90px;">添加</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->



<thead>
							<tr>
								<th>宠物编号</th>
								<th>宠物图片</th>
								<th>品种名称</th>
								<th>别名</th>
								<th>原产地</th>
								<th>寿命</th>
								<th>品种类型</th>
								<th>评分</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>7</td>
								<td><img src="../images/6.jpg" width="45px" /></td>
								<td>柠檬</td>
								<td>小檬</td>
								<td>非洲</td>
								<td>10年</td>
								<td>猫</td>
								<td><button class="btn btn-info btn-sm" data-toggle="modal"
										data-target="#myModal6">查看</button>
										<button class="btn btn-info btn-sm" data-toggle="modal"
												data-target="#myModal6">添加</button>
										</td>
								<td>

									<button class="btn btn-info btn-sm" data-toggle="modal"
										data-target="#myModal4">详情</button>
									<button class="btn btn-danger btn-sm deladmin">删除</button>
								</td>
							</tr>
							<tr>
								<td>7</td>
								<td><img src="../images/6.jpg" width="45px" /></td>
								<td>柠檬</td>
								<td>小檬</td>
								<td>非洲</td>
								<td>10年</td>
								<td>猫</td>
								<td><button class="btn btn-info btn-sm">查看</button></td>
								<td>

									<button class="btn btn-info btn-sm">详情</button>
									<button class="btn btn-danger btn-sm deladmin">删除</button>
								</td>
							</tr>
						</tbody>



<!-- 评分 -->
	<script>
		$(function() {
            $(".score").blur(function(){
			let width = $(this).val();
			
			if(width > 100){
				alert("评分不能超过100!");
				return;
			}
			if(width >< 0){
				alert("评分不能低于0!");
				return;
			}
			$(this).next().children().attr("style","width:"+width+"%");
			})
		})
	</script>
	
	<!-- <li>
		<a href="javascript:void(0)" class="choose-report"
			style="color: rgb(27, 36, 47);background-color: #dddddd9c;">评论举报</a>
	</li> -->
	<!-- <thead class="report">
		<tr>
			<th>举报编号</th>
			<th>评论内容</th>
			<th>评论用户</th>
			<th>举报用户</th>
			<th>举报时间</th>
			<th>当前状态</th>
			<th>操作</th>
		</tr>
	</thead>
	<tbody class="report report1">
		<tr>
			<td>1</td>
			<td>不小心捡到了谁的小宝贝</td>
			<td>柠檬</td>
			<td>丢咔咩</td>
			<td>2022-11-11</td>
			<td><a class="label label-danger">审核不通过</a></td>
			<td>
				<button class="btn btn-danger btn-sm deladmin">删除</button>
			</td>
		</tr>
		<tr>
			<td>1</td>
			<td>不小心捡到了谁的小宝贝</td>
			<td>柠檬</td>
			<td>丢咔咩</td>
			<td>2022-11-11</td>
			<td><a class="label label-warning" uid="3" data-toggle="modal"
					data-target="#myModal5">未审核</a></td>
			<td>
				<button class="btn btn-danger btn-sm deladmin">删除</button>
			</td>
		</tr>
		<tr>
			<td>1</td>
			<td>不小心捡到了谁的小宝贝</td>
			<td>柠檬</td>
			<td>丢咔咩</td>
			<td>2022-11-11</td>
			<td><a class="label label-success">审核通过</a></td>
			<td>
				<button class="btn btn-danger btn-sm deladmin">删除</button>
			</td>
		</tr>
	</tbody>
	 -->
	 <!-- <div class="div3" style="display: none;">
	 	<input type="text" class="input-success reportinfo" />
	 	<button class="btn btn-info btn-sm cxjb">查询</button>
	 </div> -->
	 <!-- <ul class="pagination page3" style="display: none;">
	 	<li class="active"><a href="javascript:void(0)" id="firstpage2"
	 			title="首页">首页</a></li>
	 	<li><a href="javascript:void(0)" id="prevpage2" title="上一页">上一页</a></li>
	 	<li><a href="javascript:void(0)" id="nextpage2" title="下一页">下一页</a></li>
	 	<li><a href="javascript:void(0)" id="lastpage2" title="最后一页">尾页</a></li>
	 	<li style="margin-left: 20px;">第<input type="text" id="pagenum2"
	 			value="1" />页
	 		<input type="button" value="GO" id="go-page2" style="" />
	 	</li>
	 </ul> -->